.fontDa{
.boxsty {
  border-radius: 16px;
  @include boxShadowBox(5px, 5px, 10px);
  padding: 30px;
  // background: linear-gradient(45deg, #fbfbfd, #f5f5f5);
  //background: #fbfbfd;8-19
  background: #eff2fa;
  overflow: hidden;

  // 标题和按钮
  .tabletext {
    font-size: 32px;
  }

  .titbottom {
    margin-bottom: 20px;
  }

  .tablelink {
    .el-link {
      margin-left: 20px;
    }
  }

  &.boxBottom {
    margin-bottom: 20px;
  }
}

// 弹出框底部按钮
.dialog-footer {
  font-size: 24px;
}

// 自定义表格
.customTableHeader {
  .customTableTitle {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 2;
  }
}

.customTableSummary {
  font-size: 24px;
  margin: 9px 0;
}
// 表格复写
.el-table {
  background: transparent;
  font-size: 24px !important;
  color: $textPrimary;

  tr,
  td {
    background: #fbfbfd;
  }

  th {
    //background: #75b9ff !important;8-19
    color: $textPrimary;
    //color:#fff;
    padding: 14px 0 !important;
  }

  .cell {
    line-height: 1.5;
  }
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #eff2fa
}
//按钮颜色复写
  .el-button--primary{
    //background-color:#eff2fa;
    //  border-color:#eff2fa;8-19
    background-color: #0d258d;
    border-color: #0d258d;
  }
// 表格超出提示框样式复写
.el-tooltip__popper {
  max-width: 800px;
  font-size: 24px;
  line-height: 150%;
  position: absolute;
  min-width: 150px;
  border-radius: 8px;
  padding: 20px 30px;
  z-index: 2000;
  color: $textPrimary;
  text-align: justify;
  word-break: break-all;
  border:0;

  .popper__arrow {
    border:0;
  }

  .popper__arrow::after {
    border:0;
  }

  &.is-light {
    border:0;
    background: #fff;
    @include boxShadowGray(5px, 0px, 10px);
  }
}
.el-dialog__body {
  font-size: 24px !important;
  line-height: 1.5 !important;

  .el-main {
    padding: 0 5px 0 0;
  }
}
// 按钮复写
.el-button--small,
.el-button--medium {
  font-size: 18px !important;
  border-radius:10px;
}
// 弹出复写
.el-popover {
  font-size: 24px !important;
  line-height: 1.5 !important;

  .el-popover__title {
    font-size: 24px !important;
  }
}
// input框
.el-input--medium,
.el-input--small {
  .el-input__inner {
    // height: 50px !important;
    // line-height: 50px !important;
    height: 40px !important;
    line-height: 40px !important;
    border: 1px solid #ccccda;
    border-radius: 10px;
    background: $linearGradientBaseGray;
    font-size: 24px;
    color: $textPrimary;
    overflow: hidden;

    &::-webkit-input-placeholder {
      color: $textSecondary;
    }

    &::placeholder {
      color: $textSecondary;
    }

    &::-moz-placeholder {
      color: $textSecondary;
    }

    &::-ms-input-placeholder {
      color: $textSecondary;
    }
  }

  .el-input__prefix {
    margin-top: 0;
  }

  .el-input__icon {
    line-height: 50px !important;
    font-size: 24px;
  }
}

// 测评票打分页面表格

.cpTable {

  .el-table__body tr:hover>td {
    background: transparent !important;
  }

  .el-table__body tr.cpRowstripe td {
    //background: #ecf5ff !important;8-19
    background: #eff2fa !important;;
  }

  .el-table--border td {
    //border-right: 1px solid #409eff;
    //border-bottom: 1px solid #409eff;8-19
    border-right: 1px solid #b0bde2;
    border-bottom: 1px solid #b0bde2;
  }

  .el-table--small td,
  .el-table--small th,
  .el-table th {
    padding: 3px 0 !important;
  }

  .el-table .cell {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cpCheck {

    width: 100%;
    height: 100%;

    &.el-button--small {
      padding: 0;
      // height: 30px;
      height: 32px;
      line-height: 30px;
    }

    .el-icon-success {
      // font-size: 28px;
      font-size: 32px;
      color: $successColor;
      //color: #1a71fb;8-19

    }

    .noChecked {
      border: 1px solid $textPrimary;
      //border: 1px solid  #1a71fb;8-19
      width: 29px;
      height: 29px;
      display: block;
      margin: 0 auto;
      border-radius: 50%;
    }
  }
}
//二级指标颜色复写
  .el-link.el-link--primary{ color:#303745;}
// 评价等次
.zfheaderbox,.hzBox {
  background: #eff2fa;
  display: flex;
  align-items: center;
  padding: 10px 25px;
  position: relative;
  width: calc(100vw - 130px);

  .kaohe-firsttitle {
    color: $primaryColor;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    padding: 0 15px 0 0;

    &::after {
      height: 0px;
      width: 0px;
    }
  }

  .customRadioNewBox {
    .flex {
      align-items: center;
      margin-right: 30px;

      &.footitem {
        cursor: pointer;
        color: $primaryColor;
        font-size: 24px;
      }

      .customRadioNew {
        position: relative;

        input[type="radio"] {
          width: 24px;
          height: 24px;
          opacity: 0;
        }

        label {
          position: absolute;
          left: 6px;
          top: 8px;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          border: 1px solid #303745;
          cursor: pointer;
        }

        /*设置选中的input的样式*/
        /* + 是兄弟选择器,获取选中后的label元素*/
        input:checked+label {
          background-color: $successColor;
          border: 1px solid $successColor;
        }

        input:checked+label::after {
          position: absolute;
          content: "";
          width: 5px;
          height: 10px;
          top: 5px;
          left: 9px;
          border: 2px solid #fff;
          border-top: none;
          border-left: none;
          transform: rotate(45deg);
        }
      }
    }
  }

}
.hzBox{
  width: 100%;
  background: transparent;
  padding: 10px 0 0;
  border-top: 1px dashed #b0bde2;
  margin-top: 10px;
  .kaohe-firsttitle{
    font-size: 24px;
  }
}
// 新增分值增加多个项
.groupBox {
  border-bottom: 1px dashed #b0bde2;
  padding: 20px 10px 5px;

  &:nth-child(2n) {
    background: #eff2fa;
  }

  &:last-child {
    border-bottom: 0;
  }
}



//  上一人下一人
.arrowBtn {
  position: absolute;
  top: 50%;
  font-size: 40px;
  color: #fff;
  background: rgba($primaryColor, 0.5);
  //background: rgba(#66b1ff, 0.5) !important;8-19
  border-radius: 50%;
  padding: 5px;
  text-align: center;
  left: 10px;
  cursor: pointer;

  &.el-icon-right {
    right: 10px;
    left: auto;
  }
}

//  新上一人下一人  lin
// .buttomBtn {
//   width: 30vw;
//   display: flex;
//   justify-content: center;
//   margin: 0 auto;
//   padding-top: 10px;

//   .nextBtn {
//     margin-left: 20px;
//   }
// }
//  新上一人下一人  lin
.buttomBtn {
  width: 30vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  margin: 0 auto;

  .nextBtn {
    margin-left: 20px;
  }
}


// 分数
.score {
  font-size: 40px;
  font-weight: bold;
  position: absolute;
  right: 50px;
  top: 30px;
  color: $dangerColor;
}

// 列表页面多选框样式复写
.collapseCheckbox {
  width: 50px;

  .el-checkbox__inner {
    width: 24px;
    height: 24px;

    &::after {
      height: 14px;
      left: 7px;
      width: 7px;
      border-width: 2px;
    }
  }
}

.box-card {
  margin-top: 40px;
}

.marginLeft {
  margin-left: 15px;
}

// 测评结果列表
.pfScore {
  padding: 0 5vw;
  position: relative;
  height: calc(100vh - 160px);

  .icon-cz-khdf {
    font-size: 28vh;
    color: $primaryColor;
    opacity: 0.05;
    position: fixed;
    bottom: -10px;
    right: 25px;
    transform: rotate(-22.5deg);
    z-index: 1;
  }

  .deptName {
    font-size: 32px;
    cursor: pointer;

    .icon-untitled85 {
      font-size: 32px;
      margin-right: 15px;
    }
  }

  .perName {
    margin: 16px 0;
    border: 0;
    background: #fdfdff;
    border-radius: 10px;
    @include boxShadowBox(3px, 3px, 5px);
    padding: 15px;
    cursor: pointer;
    position: relative;
    z-index: 2;

    &:nth-child(2n) {
      background: #eff2fa;
    }

    // 序号
    .numTip {
      line-height: 30px;
      height: 30px;
      padding: 0 10px;
      text-align: center;
      background: $primaryColor;
      color: #fff;
      border-radius: 4px;
      margin-right: 10px;
    }
  }
}

//登录切换
.qieHuan {
  display: flex;
  justify-content: space-between;
  width: 90%;
  height: 80px;
  line-height: 80px;
  font-size: 24px;

  .newAn {
    width: 50%;
    float: left;
    text-align: center;
    cursor: pointer;
  }

  .qieHuanShi {
    background: linear-gradient(#ffffff, #f4f4fc);
    color: $primaryColor;
    border-radius: 8px 8px 0 0;
    border: 1px solid #fff;
    border-bottom: 0;
  }
}

// 弹出框标题复写
.el-dialog__title {
  font-size: 24px !important;
}
// 分页
.el-pagination button,
.el-pagination span:not([class*=suffix]) {
  font-size: 24px;
  height: 50px !important;
  line-height: 50px !important;
}

.el-pagination__sizes .el-input .el-input__inner,
.el-pagination__editor.el-input .el-input__inner {
  height: 50px !important;
  line-height: 50px !important;
  border: 1px solid #ccccda;
  border-radius: 10px !important;
  background: $linearGradientBaseGray;
  font-size: 24px;

  &::-webkit-input-placeholder {
    color: $textSecondary;
  }

  &::placeholder {
    color: $textSecondary;
  }

  &::-moz-placeholder {
    color: $textSecondary;
  }

  &::-ms-input-placeholder {
    color: $textSecondary;
  }
}

.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination button:disabled,
.el-pager li {
  // background: transparent !important;
  font-size: 24px;
  height:50px;
  line-height: 50px;
}

.page {
  margin-top: 40px;

  .el-pager li,
  .el-pagination button,
  .el-pagination span:not([class*=suffix]) {
   font-size: 24px !important;
  }

  .el-pagination__sizes .el-input .el-input__inner,
  .el-pagination__editor.el-input .el-input__inner {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 24px !important;
    border: 1px solid #ccccda;
  }
}

.el-pagination .el-select .el-input {
  width: 120px !important;
}

//评分页说明
.shuoMing {
  margin-top: 5px; font-size: 24px;
}


// 欢迎页面个人信息
.userBox {
  display: flex;
  padding: 40px;

  .avatar {
    border: 4px solid #fff;
    @include boxShadowGray(5px, 0px, 10px);
    margin-right: 25px;
  }

  .userName {
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 10px;
    line-height: 1;
  }

  .userDepart {
    color: $infoColor;
    font-size: 18px;
  }
}

//测评票概况
.cePingPiao {
  background: #b0bde2;
  text-align: center;
  width: 100%;
  color: #303745;
  margin: 10px 0;
  font-weight: bolder;
}

// 欢迎页面样式
.welbox {
  padding: 30px;

  .boxsty {
    height: calc((100vh - 80px - 70px) / 2);
  }

  .userBox {
    padding: 0;
  }

  .userBox,
  .welBtn,
  .numTip {
    width: 100%;
  }

  // 数字
  .welNumBox {
    border-radius: 4px;
    background: linear-gradient(-100deg, #0777d2, #7395f4);
    box-shadow: 0 0 10px #0093e9;
    width: calc(100% / 3 - 15px);
    text-align: center;
    margin-top: 10%;
    padding: 30px 10px;
    font-size: 24px;
    color: #fff;

    &:nth-child(2) {
      background: linear-gradient(-100deg, #ff933b, #ffba5a);
      box-shadow: 0 0 10px #da7336;
    }

    &:nth-child(3) {
      background: linear-gradient(-100deg, #21b4bd, #50e0d6);
      box-shadow: 0 0 10px #3bc7d3;
    }

    .welNum {
      font-size: 32px;
      padding-bottom: 15px;

      i {
        font-size: 24px;
        font-style: normal;
      }
    }
  }

  .numTip {
    font-size: 18px;
    color: $textSecondary;
  }

  .numIm {
    font-size: 56px;
    font-weight: bold;
    color: $warningColor;
    padding: 15px;
    flex-shrink: 0;

    i {
      font-size: 24px;
      font-style: normal;
    }
  }

  .jgTop {
    font-size: 24px;
    padding: 15px;
    width: 100%;
  }
}

.inpuKuan {
  width: 605px;
}

.kuan {
  width: 510px;
}

.xiaLa {
  width: 240px;
}

.zhuangTai {
  width: 120px;
  margin-left: 10px;
}
//打分页带照片样式
.zhaoPian{
  width: 800px;
   font-size:24px;
   float:left;
   position:relative;
    // margin-top:-33px;
  margin-bottom: 3px;
}
}
@media only screen and (max-width: 767px) {
  .welbox {
    .welLeft {
      margin-bottom: 20px;
    }
  }
}
